<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>bootstrap模板</title>
    <script type="text/javascript" src="js/jquery-1.12.4.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <script type="text/javascript"></script>
    <style type="text/css">


    </style>
    <title>按钮组</title>
</head>

<body>
    <br>
    <br>
    <br>

    <div class="container">

        <div class="row">
            <input type="button" value="按钮" class="btn btn-primary">
            <a href="$" class="btn btn-success">A标签按钮</a>
            <a href="$" class="btn btn-info">A标签按钮</a>
            <a href="$" class="btn btn-warning">A标签按钮</a>
            <a href="$" class="btn btn-link">A标签按钮</a>

            <a href="$" class="btn btn-danger active">A标签按钮</a>
            <a href="$" class="btn btn-info disabled">A标签按钮</a>


        </div>
        <br>
        <br>
        <br>

        <div class="row">
            <a href="$" class="btn btn-success btn-lg">大按钮</a>
            <a href="$" class="btn btn-info btn-md">中等按钮</a>
            <a href="$" class="btn btn-warning btn-xs">小按钮</a>
            <a href="$" class="btn btn-danger">一般按钮</a>
        </div>
        <br>
        <br>
        <br>
        <br>

        <div class="row">
            <div class="btn-group">
                <a href="#" class="btn btn-primary ">按钮一</a>
                <a href="#" class="btn btn-default ">按钮二</a>
                <a href="#" class="btn btn-default ">按钮三</a>
            </div>
        </div>
        <br>
        <br>
        <br>
        <div class="row">
            <div class="btn-group btn-group-justified">
                <a href="#" class="btn btn-primary ">按钮一</a>
                <a href="#" class="btn btn-default ">按钮二</a>
                <a href="#" class="btn btn-default ">按钮三</a>
            </div>
        </div>

    </div>

</body>

</html>